<!--
 * @Author: 蔡霸霸
 * @Date: 2020-04-22 14:14:59
 * @LastEditors: 蔡霸霸
 * @LastEditTime: 2020-06-03 15:18:09
 * @FilePath: \Nuxt_music\layouts\default.vue
-->
<template>
  <div class="default">
    <a-spin size="large" :spinning="spinning">
      <!-- 第一次打开loading -->
      <headers />
      <nuxt />
      <footers />
    </a-spin>
    <!-- <audio-player id="audio" /> -->
    <drawer />
  </div>
</template>
<script>
import headers from './components/Head'
import footers from './components/Foot'
import Drawer from '@/components/Drawer'
export default {
  name: 'Default',
  components: { headers, footers, Drawer },
  data() {
    return {
      spinning: true
    }
  },
  mounted() {
    this.spinning = false
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
/deep/ .ant-spin-dot {
  top: 99% !important;
  .ant-spin-dot-item {
    background-color: #c20c0c !important;
  }
}
#audio {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.btn {
  color: #fff;
  position: fixed;
  bottom: 10px;
  right: 30px;
}
</style>
